Ext.define('jwawa.erp.test.PlgActionShell', {
    extend: 'jwawa.erp.framework.ShellContainer',
    handlerClass: "jwawa.erp.test.PlgActionHandler",
    layout: {type: 'fit'},
    items: [
        {
            xtype: 'tabpanel',
            height: 521,
            width: 813,
            activeTab: 0,
            border: false,
            plain: true,
            tabPosition: 'bottom',
            items: [
                {
                    xtype: 'panel',
                    border: false,
                    layout: {
                        type: 'border'
                    },
                    title: '查询',
                    items: [
                        {
                            id: 'cx',
                            xtype: 'form',
                            height: 150,
                            autoScroll: true,
                            layout: {
                                type: 'column'
                            },
                            bodyPadding: 10,
                            hideCollapseTool: true,
                            animCollapse: false,
                            collapseFirst: false,
                            collapsed: false,
                            collapsible: true,
                            preventHeader: true,
                            title: '查询条件',
                            region: 'north',
                            split: true,
                            border: false,
                            placeholder: Ext.widget('toolbar', {
                                items: [{
                                    xtype: 'tool',
                                    type: 'close',
                                    listeners:{
                                        click : function(obj){
//                                          Ext.getCmp('cx').toggleCollapse( );
                                            Ext.getCmp('cx').floatCollapsedPanel();
                                        }
                                    }
                                }]
                            }),
                            componentCls: 'boxLineBottom',
                            dockedItems: [
                                {
                                    xtype: 'toolbar',
                                    region: 'center',
                                    dock: 'top',
                                    items: [
                                        {
                                            xtype: 'button',
                                            text: '查询'
                                        },
                                        {
                                            xtype: 'button',
                                            text: '清空'
                                        },
                                        {
                                            xtype: 'cycle',
                                            showText: true,
                                            menu: {
                                                xtype: 'menu',
                                                width: 120,
                                                items: [
                                                    {
                                                        xtype: 'menucheckitem',
                                                        text: '简洁模式',
                                                        checked: true
                                                    },
                                                    {
                                                        xtype: 'menucheckitem',
                                                        text: '高级模式'
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        }
                                    ]
                                }
                            ],
                            items: [
                                {
                                    xtype: 'textfield',
                                    margin: '3',
                                    fieldLabel: '缩写',
                                    labelWidth: 60,
                                    columnWidth: 0.25
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '3',
                                    fieldLabel: '缩写',
                                    labelWidth: 60,
                                    columnWidth: 0.25
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '3',
                                    fieldLabel: '缩写',
                                    labelWidth: 60,
                                    columnWidth: 0.25
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '3',
                                    fieldLabel: '缩写',
                                    labelWidth: 60,
                                    columnWidth: 0.25
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '3',
                                    fieldLabel: '缩写',
                                    labelWidth: 60,
                                    columnWidth: 0.25
                                },
                                {
                                    xtype: 'textfield',
                                    margin: '3',
                                    fieldLabel: '缩写',
                                    labelWidth: 60,
                                    columnWidth: 0.25
                                }
                            ]
                        },
                        {
                            xtype: 'gridpanel',
                            region: 'center',
                            border: false,
                            componentCls: 'boxLineTop',
                            columns: [
                                {
                                    xtype: 'gridcolumn',
                                    dataIndex: 'string',
                                    text: 'String'
                                },
                                {
                                    xtype: 'numbercolumn',
                                    dataIndex: 'number',
                                    text: 'Number'
                                },
                                {
                                    xtype: 'datecolumn',
                                    dataIndex: 'date',
                                    text: 'Date'
                                },
                                {
                                    xtype: 'booleancolumn',
                                    dataIndex: 'bool',
                                    text: 'Boolean'
                                }
                            ],
                            viewConfig: {

                            },
                            dockedItems: [
                                {
                                    xtype: 'pagingtoolbar',
                                    width: 360,
                                    displayInfo: true,
                                    dock: 'bottom'
                                },
                                {
                                    xtype: 'toolbar',
                                    dock: 'top',
                                    items: [
                                        {
                                            xtype: 'button',
                                            text: '新增'
                                        },
                                        {
                                            xtype: 'button',
                                            text: '编辑'
                                        },
                                        {
                                            xtype: 'button',
                                            text: '删除'
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    xtype: 'panel',
                    border: false,
                    layout: {
                        type: 'border'
                    },
                    title: '详细',
                    items: [
                        {
                            xtype: 'form',
                            height: 150,
                            autoScroll: true,
                            bodyPadding: 10,
                            collapsible: true,
                            hideCollapseTool: true,
                            preventHeader: true,
                            title: 'Header',
                            region: 'north',
                            split: true,
                            border: false,
                            componentCls: 'boxLineBottom',
                            dockedItems: [
                                {
                                    xtype: 'toolbar',
                                    dock: 'top',
                                    items: [
                                        {
                                            xtype: 'button',
                                            text: '保存'
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        }
                                    ]
                                }
                            ],
                            items: [
                                {
                                    xtype: 'textfield',
                                    margin: '0 10 0 10',
                                    fieldLabel: '缩写',
                                    labelWidth: 60
                                }
                            ]
                        },
                        {
                            xtype: 'form',
                            autoScroll: true,
                            activeItem: 0,
                            layout: {
                                type: 'card'
                            },
                            preventHeader: true,
                            region: 'center',
                            border: false,
                            componentCls: 'boxLineTop',
                            dockedItems: [
                                {
                                    xtype: 'toolbar',
                                    dock: 'top',
                                    items: [
                                        {
                                            xtype: 'button',
                                            text: '新增'
                                        },
                                        {
                                            xtype: 'button',
                                            text: '保存'
                                        },
                                        {
                                            xtype: 'button',
                                            text: '删除'
                                        },
                                        {
                                            xtype: 'button',
                                            text: '重置'
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        },
                                        {
                                            xtype: 'cycle',
                                            showText: true,
                                            menu: {
                                                xtype: 'menu',
                                                width: 120,
                                                items: [
                                                    {
                                                        xtype: 'menucheckitem',
                                                        text: '行模式'
                                                    },
                                                    {
                                                        xtype: 'menucheckitem',
                                                        text: '列模式',
                                                        checked: true
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            xtype: 'tbseparator'
                                        }
                                    ]
                                }
                            ],
                            items: [
                                {
                                    xtype: 'gridpanel',
                                    border: false,
                                    columns: [
                                        {
                                            xtype: 'gridcolumn',
                                            dataIndex: 'string',
                                            text: 'String'
                                        },
                                        {
                                            xtype: 'numbercolumn',
                                            dataIndex: 'number',
                                            text: 'Number'
                                        },
                                        {
                                            xtype: 'datecolumn',
                                            dataIndex: 'date',
                                            text: 'Date'
                                        },
                                        {
                                            xtype: 'booleancolumn',
                                            dataIndex: 'bool',
                                            text: 'Boolean'
                                        }
                                    ],
                                    viewConfig: {

                                    }
                                },
                                {
                                    xtype: 'form',
                                    autoScroll: true,
                                    border: false,
                                    layout: {
                                        type: 'auto'
                                    },
                                    bodyPadding: 10,
                                    items: [
                                        {
                                            xtype: 'textfield',
                                            fieldLabel: 'Label'
                                        },
                                        {
                                            xtype: 'textfield',
                                            width: 256,
                                            fieldLabel: 'Label'
                                        },
                                        {
                                            xtype: 'textfield',
                                            fieldLabel: 'Label'
                                        }
                                    ],
                                    dockedItems: [
                                        {
                                            xtype: 'pagingtoolbar',
                                            width: 360,
                                            displayInfo: true,
                                            dock: 'bottom'
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
});